* {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

html {
	font-size: 20px;
}

body {}

header {
	font-family: "微软雅黑";
}


.clear{width: 100%;height: 2rem;}
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////商品列表页/////////////////////////////////////////*/
.nav-photo {
			width: 2rem;
			height: 2rem;
		}
		
		.nav-photo img {
			width: 1.5rem;
			height: 1.5rem;
		}
		.list-pro{
			margin-top: 2.2rem;
		}
		.pro-content {
			background: white;
			
		}
		
		.pro-content ul {
			overflow: hidden;
			padding: 0;
		}
		
		.pro-content ul li {
			padding: 2%;
			float: left;
			width: 50%;
			list-style: none;
			box-shadow: 0 0 0 1px #eee inset;
		}
		
		.pro-content ul li img {
			max-width: 100%;
			height: 8.5rem;
		}
		
		.pro-img {
			text-align: center;
		}
		
		.pro-detail {
			line-height: 1rem;
			height: 2rem;
			margin: 0;
			padding: 0;
		}
		
		.pro-price {
			height: 1.5rem;
			line-height: 1.5rem;
			margin: 0;
			padding: 0;
		}
		
		.pro-price span {
			margin-right: 0.25rem;
			color: red;
		}





/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////兑换商品页/////////////////////////////////////////*/

.duihuan {
	margin-top: 2.2rem
}

.thum {
	padding: .8rem!important
}

.book-title {
	font-weight: bold;
	font-size: 0.7rem;
	font-family: "微软雅黑";
	color: #222;
}

.duihuan .mui-media-body p:last-of-type {
	font-size: 0.6rem;
}

.duihuan .mui-media-body p {
	height: 1.25rem;
	line-height: 1.25rem;
}

.book-price {
	margin-right: 0.25rem;
}

.duihuan .mui-table-view {}

.duihuan .mui-table-view .mui-media-object {
	line-height: 50px;
	max-width: 50px;
	height: 50px;
}

.duihuan .mui-table-view .mui-media-object.mui-pull-left {
	margin-right: 0.125rem;
}

.form-list {
	padding: 0.5rem .8rem;
	background: white;
	overflow: hidden;
	line-height: 35px;
	margin-top: 0.5rem;
}

.yue-tip {
	margin-right: 1rem;
	color: red;
	display: none;
}

/*公共底部提交*/
.add-locate {
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 2.5rem;
	line-height: 2.5rem;
	background: rgb(49, 126, 216);
	text-align: center;
}

.add-locate p {
	color: white;
}
.add-p{
		width: 100%;
		text-align: center;
		background: white;
		height: 2.5rem;
		line-height: 2.5rem;
		margin-top:2.2rem
	}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////商品详情页/////////////////////////////////////////*/

header .mui-title span {
	display: inline-block;
	width: 2.5rem;
	text-align: center;
}

#product {
	margin-top: 2.2rem;
}

.pro-photo {
	text-align: center;
	width: 100%;
	overflow: hidden;
}

.pro-photo img {
	height: 16rem;
	width: 100%!important
}

.product-text {
	padding: 0.5rem;
	border-bottom: 1px solid #eee;
	background: white;
}

.product-name {
	font-size: 0.8rem;
	font-weight: bold;
	height: 1.5rem;
	line-height: 1.5rem;
}

.product-price span {
	color: red;
	margin-right: 0.5rem;
}

.loacte-edit {
	padding: 10px;
	font-size: 0.8rem;
}

.loacte-edit span {}

.edit-right {
	float: right;
	color: gray;
}

.add-locate {
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 2.5rem;
	line-height: 2.5rem;
	background: rgb(49, 126, 216);
	text-align: center;
}

.add-locate p {
	color: white;
}

.location {
	overflow: hidden;
	margin-top: 0.5rem;
	border-top: 1px solid #eee;
}

.local-icon img {
	width: 1rem;
	height: 1rem;
	vertical-align: sub;
}

.location .mui-table-view-cell>a:not(.mui-btn) {
	position: relative;
	display: block;
	overflow: hidden;
	margin: -5px -22px;
	padding: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: inherit;
}

.tab-active {
	background: #ddd;
	opacity: 0.5;
}

.pro-info {
	padding: 0 0.5rem;
}

.pro-info p {
	margin: 0.5rem 0;
	line-height: 1.2rem;
}

#product-detail {
	background: white;
	margin-top: 2.2rem;
	margin-bottom: 2.5rem;
}

.other-tip {
	font-weight: bold;
	height: 2rem;
	line-height: 2rem;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////柒币充值页/////////////////////////////////////////*/
#chargeform {
			background: white;
		}
		
		.money {
			padding:.5rem;
			display: flex;
			justify-content: space-between;
			flex-direction: row;
			flex-wrap: wrap;
			text-align: center;
			background: white;
		}
		
		.money span {
			width: 31%;
			padding: 0.2rem 0;
			margin-top: 0.5rem;
			border-radius: 5px;
			border: 1px solid #222;
			/*background: #449de6;*/
		}
		
		.money-change {
			padding: 0 .5rem;
		}
		
		input[type=number] {
			margin-bottom: 0;
		}
		.money-change input{
			display: none;
		}
		.money-change p {
			height: 2.5rem;
			line-height: 2.5rem;
			background: ;
			border-bottom: 1px solid #ddd;
		}
		
		.money-change p span {
			color: red;
			margin-right: .25rem;
		}
		
		.person {
			background: white;
			padding: 0.5rem .5rem .8rem .5rem;
			border-bottom: 1px solid #ddd;
		}
		
		.person h3 {
			font-weight: normal;
			font-size: .8rem;
			font-family: "微软雅黑";
			height: 1.5rem;
			line-height: 1.5rem;
		}
		
		.money-active{
			background: #317ED8;
			color: white;
			border: none;
		}
		.line-left {
			display: inline-block;
			height: 1rem;
			border-left: 4px solid rgb(48, 126, 215);
			vertical-align: sub;
			margin-right: .25rem;
			border-radius: 2px;
		}
		.charge-select{
			height: 3rem;
			line-height: 3rem;
			padding: 0 .5rem;
			border-bottom: 1px solid #ddd;
		}
		.charge-select img{
			vertical-align: middle;
		}
		.charge-select p{
			color:#317ed8;
			font-family: "微软雅黑";
		}
		.success{
			width: 1.rem;
			height: 1rem;
			margin-right: .5rem;
		}
		.zhifubao{width: 1.5rem;height: 1.5rem;}
		.chongzhi{padding: 0 .5rem;margin: 1rem 0;}
		.chongzhi a{
			padding: .5rem 0;
			color: white;
			background: #317ED8;
		}









/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////地址填写页/////////////////////////////////////////*/

.edit-address {
			margin-top: 2.2rem;
		}
		
		
		
		.edit-address .mui-input-row {
			border: 1px solid #ddd;
			margin-bottom: .5rem;
			background-color: white!important
		}
		
		.edit-address .mui-input-group {
			background-color: inherit;
		}
		
		.textarea {
			height: 4rem;
			line-height: 4rem;
			background: white;
		}
		
		.textarea span {
			display: inline-block;
			width: 35%;
			float: left;
			padding: 0 15px;
		}
		
		.textarea textarea {
			display: inline-block;
			width: 65%;
			padding: 10px 0;
		}
		

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////地址管理页/////////////////////////////////////////*/
.locate {
			margin-top: 44px;
			background: white;
		}
		
		
		
		.locate-info {
			padding: 10px;
		}
		
		.name {
			height: 1.5rem;
			line-height: 1.5rem;
		}
		
		.names {
			margin-right: 0.25rem;
		}
		
		.address {
			font-size: 0.7rem;
			height: 2rem;
			line-height: 2rem;
		}
		
		.loacte-edit {
			padding: 10px;
			font-size: 0.8rem;
		}
		
	
		
		.edit-right {
			float: right;
			color: gray;
		}
		